import { BLANK, LAYOUT } from '../consts'

const menus: any[] = [{
  name: 'study:manage',
  path: '/study/manage',
  meta: {
      title: '学习模块',
      icon: 'FundProjectionScreenOutlined',
      hideChildrenInMenu: true,
      orderNo: 5,
      //affix: true,
      component: 'LAYOUT',
      isSync: false,
      perm: 'device:manage'
  },
  redirect: '/study/deviceManage',
  component: LAYOUT,
  children: [

    {
      path: '/study/demo1',
      name: 'study:demo1',
      meta: {
          title: '响应式数据',
          orderNo: 1,
          icon: 'AreaChartOutlined',
          perm: 'study:demo1',
          affix: false
      },
      component: () =>{
          return import('/@/views/study/demo1.vue')
      }
  },
    {
      path: '/study/demo2',
      name: 'study:demo2',
      meta: {
          title: '模板语法',
          orderNo: 2,
          icon: 'PieChartOutlined',
          perm: 'study:demo2'
      },
      component: () =>{
          return import('/@/views/study/demo2.vue')
      }
  },{
      path: '/study/demo3',
      name: 'study:demo3',
      meta: {
          title: '计算属性',
          orderNo: 3,
          icon: 'BarChartOutlined',
          perm: 'study:demo3',
      },
      component: () =>{
          return import('/@/views/study/demo3.vue')
      }
  },{
      path: '/study/demo4',
      name: 'study:demo4',
      meta: {
          title: '监听属性',
          orderNo: 4,
          icon: 'StepForwardOutlined',
          perm: 'study:demo4',
      },
      component: () =>{
          return import('/@/views/study/demo4.vue')
      }
  },{
      path: '/study/demo5',
      name: 'study:demo5',
      meta: {
          title: '事件处理',
          orderNo: 5,
          icon: 'StepForwardOutlined',
          perm: 'study:demo5',
      },
      component: () =>{
          return import('/@/views/study/demo5.vue')
      }
  },{
      path: '/study/demo6',
      name: 'study:demo6',
      meta: {
          title: '自定义组件',
          orderNo: 6,
          icon: 'StepForwardOutlined',
          perm: 'study:demo6',
      },
      component: () =>{
          return import('/@/views/study/demo6.vue')
      }
  },{
      path: '/study/demo7',
      name: 'study:demo7',
      meta: {
          title: '使用组件',
          orderNo: 7,
          icon: 'StepForwardOutlined',
          perm: 'study:demo7',
      },
      component: () =>{
          return import('/@/views/study/demo7.vue')
      }
  },{
      path: '/study/demo8',
      name: 'study:demo8',
      meta: {
          title: '自定义指令',
          orderNo: 8,
          icon: 'StepForwardOutlined',
          perm: 'study:demo8',
      },
      component: () =>{
          return import('/@/views/study/demo8.vue')
      }
  },{
    path: '/study/blank',
    name: 'study:blank',
    component: BLANK,
    meta: {
      title: '空白页测试',
      orderNo: 9,
      icon: 'PlusCircleOutlined',
      perm: 'study:blank',
    },
    children: [{
      path: '/blank/study/demo8',
      name: 'blank:study:demo8',
      meta: {
          title: '自定义指令blank',
          icon: 'StepForwardOutlined',
          perm: 'study:demo8',
      },
      component: () =>{
          return import('/@/views/study/demo8.vue')
      }
  }]
  }]
}]
export default menus